<template>
    <div class="details_buy">
        <div class="buy_top">
            <div class="top_left">
                <span class="fuhao">￥</span>
                <span class="m_price">2480</span>
                <span class="price">门市价：3700元</span>
            </div>
            <div class="top_right">
                <router-link to="/Submit">
                <a href="" class="app_buy">立即抢购</a>
                </router-link>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>


<style scoped>
.details_buy {  
    display: flex;
    color: #ffffff;
    height: 1.2rem;

}
.buy_top{
    width: 100%;
    margin-top: 0.1rem;
    height: 1.2rem;
    overflow: hidden;
}
.top_left{
    margin-left: 0.4rem;
    float: left;
}
.top_left span.fuhao{
    line-height: 1rem;
    font-size: 0.4rem;
    color: #06c1ae;
}
.top_left span.m_price{
    line-height: 1rem;
    font-size: 0.7rem;
    color: #06c1ae;
}
.top_left span.price{
    color: #8C8C8C;
}
.top_right {
    float: right;
    margin-right: 0.3rem;
    line-height: 1rem;
}
.app_buy{
    height: 0.8rem;
    width: 1.5rem;
    color: #fff;
    background-color: #f90;
    border-radius: 0.2rem;
    text-align: center;
    line-height: 0.8rem;
    display: block;
    font-size: 0.3rem;
    margin-top: 0.1rem;
    padding:0 0.4rem;
}
</style>
